<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
		<!-- css提供5个定位：
		       1浮动定位：float属性：none--默认不浮动
			                       left--左浮动
								   right--右浮动
						 clear属性：清除浮动
						           left--左浮动
								   right--右浮动
								   both--左右浮动
			        概念：让元素脱离文档流的定位方式
			                  浮动的元素可以向左，向右
						      通常用于左右布局，图片与文本环绕...
					注意：一旦元素加浮动，元素变成块级属性
			   2相对定位
			   3绝对定位
			   4普通流定位（文档型定位）：
			        按照元素分类进行定位
			   5固定定位：
			        元素定死在页面不动
			主要功能：页面元素布局-->
			<link rel="stylesheet" href="css/定位.css" />
	</head>
	<body>
		<div class="d1">11</div>
		<div class="d2">22</div>
		<div class="d3">33</div>
		<div class="d4">44</div>
	</body>
</html>